<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>预览简历</title>
    <link rel="stylesheet" href="../style/main.css" type="text/css" media="screen and (min-width:751px)">
    <link rel="stylesheet" href="../style/mainMb.css" type="text/css" media="screen and (max-width:750px)">
    <link rel="stylesheet" href="../js/layui/css/layui.css" media="all">
    <script src="../js/resize.js"></script>
    <script src="../js/jquery-1.8.3.min.js"></script>
    <script src="../js/jquery.cookie.js"></script>
    <script src="../js/vue@2.4.17.js"></script>
    <style>
        [v-cloak] {
            display: none;
        }
    </style>
</head>
<body style="background: #fff;">

<div class="personal-page preview-page" id="preview_resume" v-cloak>
    <div class="personal-header">
        <ul class="nav">
            <li><a href="my-resume.html">我的简历</a></li>
            <li><a href="delivery-record.html">投递记录</a></li>
            <li class="curr"><a href="preview-resume.html">预览简历</a></li>
        </ul>
        <div class="options">
            <p>欢迎回来 <span>{{userInfo.name}}</span></p>
            <ul class="option-list">
                <li>
                    <a href="javascript:">
                        {{userInfo.name}}<span>{{userInfo.tel}}</span>
                    </a>
                </li>
                <li>
                    <a href="../password-alter.html">
                        <i><img src="../images/setting.png"></i>修改密码
                    </a>
                </li>
                <li>
                    <a href="javascript:" onclick="logout()">
                        <i><img src="../images/logout.png"></i>退出登录
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="wap-header">
        <a href="my-resume.html"><img src="../images/mobile/back.png"></a>
        <h2>简历预览</h2>
    </div>
    <div class="content">
        <div class="info">
            <div class="detail">
                <h2>
                    {{userInfo.name}}
                    <i><img :src="sexImg"></i>
                </h2>
                <p>
                    <span>{{age}}岁</span> | <span>工作{{workAge}}年</span> | <span>{{careerObjective.cityname}}</span>
                </p>
                <div class="contact">
                    <h2>联系方式</h2>
                    <p v-if="telFlag"><i><img src="../images/phone.png"></i>{{userInfo.tel}}</p>
                    <p v-if="emailFlag"><i><img src="../images/mailbox.png"></i>{{userInfo.email}}</p>
                    <p v-if="wechatFlag"><i><img src="../images/we-chat.png"></i>{{userInfo.wechat}}</p>
                    <p v-if="websiteFlag"><i><img src="../images/web-page.png"></i>{{userInfo.webSite}}</p>
                </div>
            </div>
            <div class="pic">
                <img :src="services+userInfo.img">
                <i class="wap-sex"><img :src="sexImg"></i>
            </div>
        </div>
        <div class="resume-detail">
            <!--求职意向-->
            <div class="detail-list">
                <h2>
                    求职意向
                </h2>
                <div class="expect">
                    <p>期望行业：<span>{{careerObjective.individualName}}</span></p>
                    <p>期望职业：<span>{{careerObjective.positionName}}</span></p>
                    <p>期望月薪：<span>{{careerObjective.salaryLevelName}}</span></p>
                    <p>期望地点：<span>{{careerObjective.cityname}}</span></p>
                    <p>求职状态：<span>{{careerObjective.jobHuntingStatusName}}</span></p>
                </div>
            </div>
            <!--工作经历-->
            <div class="detail-list">
                <h2>
                    工作经历
                </h2>
                <ul class="experience preview">
                    <li v-for="(item,index) in experienceWork">
                        <p class="place">
                            <span>{{item.company}}</span>
                            <span class="time">{{item.entryTime}}至{{item.separationTime}}</span>
                        </p>
                        <p class="place-brach">
                            <span>{{item.department}}</span>
                            <span>{{item.position}}</span>
                        </p>
                        <p class="duty">
                            {{item.workContext}}
                        </p>
                    </li>
                </ul>
            </div>
            <!--教育经历-->
            <div class="detail-list">
                <h2>
                    教育经历
                </h2>
                <div class="education">
                    <p class="place"><span>{{experienceEducation.school}}</span><span class="time">{{experienceEducation.admissionTime}}至{{experienceEducation.graduationTime}}</span></p>
                    <p class="place-brach"><span>{{experienceEducation.educationLevelName}}</span><span>{{experienceEducation.profession}}</span></p>
                </div>
            </div>
            <!--专业技能-->
            <div class="detail-list">
                <h2>
                    专业技能
                </h2>
                <div class="skill">
                    <p v-for="item in professionalSkill">{{item.skillName}} —— {{item.proficiencyName}}</p>
                </div>
            </div>
            <!--项目经验-->
            <div class="detail-list">
                <h2>
                    项目经验
                </h2>
                <ul class="experience preview wap-pro">
                    <li v-for="(item,index) in experienceProject">
                        <p class="place-brach">
                            <span>{{item.projectName}}</span>
                            <span>{{item.duties}}</span>
                        </p>
                        <p class="duty">{{item.workContext}}</p>
                    </li>
                </ul>
            </div>
            <!--个人介绍-->
            <div class="detail-list">
                <h2>
                    个人介绍
                </h2>
                <div class="personal-intro">
                    <p>{{resume.profile}}</p>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../js/layui/layui.js"></script>
<script src="../js/index.js"></script>
<script src="../js/account/preview_resume.js"></script>
</body>
</html>